<template>
  <view>
    <view class="goods-list-item">
      <view class="left">
        <van-card desc="描述信息" title="商品标题" thumb="/static/homebottom.jpg" custom-class="bgc">
          <view slot="num">
            共2件 实付：3389.00
          </view>
        </van-card>
      </view>
      <view class="right">
        <view>
          加入购物车
        </view>
      </view>
    </view>

    <!-- 分割线 -->
    <u-line dashed></u-line>
    <!-- 第二个商品 -->
    <view class="goods-list-item">
      <view class="left">
        <van-card desc="描述信息" title="商品标题" thumb="/static/homebottom.jpg" custom-class="bgc">
          <view slot="num">
            共2件 实付：3389.00
          </view>
        </van-card>
      </view>
      <view class="right">
        <view>
          加入购物车
        </view>
      </view>
    </view>

    <!-- 分割线 -->
    <u-line dashed></u-line>
  </view>
</template>

<script>
  export default {
    data() {
      return {

      };
    },
    onLoad() {
      this.getAllList()
    },
    methods: {
      async getAllList() {
        const res = await uni.$http.get('/personalcenter/collect/list')
      }
    }
  }
</script>

<style lang="scss">
  .goods-list-item {
    display: flex;

    .left {
      width: 70%;

      .bgc {
        background-color: #fff;
      }
    }

    .right {
      width: 30%;
      display: flex;
      justify-content: center;
      align-items: center;

      view {
        width: 80px;
        height: 24px;
        text-align: center;
        line-height: 24px;
        font-size: 14px;
        color: #3D3D3D;
        background-color: #D9E0E8;
        border-radius: 10px;
      }
    }
  }
</style>